<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
body {font-size:12px;font-family: 'Segoe UI';}
.node {margin-top:8px;}
.node .icon {width:16px;margin: 0 2px;vertical-align:top;}
.node .state {width:16px;vertical-align:top;}
ul {padding-left:15px;list-style:square;}
.folder-details {list-style:none;}
</style>
</head>
<body>
<ul>
<li class='node warehouse'><img class='state' src='accept.png'/><img class='icon' src='home.png' />Archive2</li>
<ul>
<li class='node plateform'><img class='state' src='accept.png'/><img class='icon' src='plateform.png'/>Cadrila</li>
<ul>
<li class='node server'><img class='state' src='accept.png'/><img class='icon' src='server.png' />DEV-BES01005</li>
<ul>
<li class='node folder'><img class='state' src='accept.png'/><img class='icon' src='folder.png' />IIS</li>
<ul class='folder-details'>
<li>Files moved :0</li>
</ul>
</ul>
</ul>
</ul>
</ul>

</body>